<template>
  <div class="zscbbg">
    <!-- 标题 -->
    <head-main :headimg="headimg" :btname="btname" :btrouter="btrouter" />
    <!-- 内容展示da -->
    <div class="nrzsboxd">
      <!-- 选项卡 -->
      <div class="xxkbox">
        <div
          class="xxk"
          v-for="item in xxkdata"
          :key="item.id"
          :class="step == item.id ? 'xxks' : ''"
          @click="step = item.id"
        >
          {{ item.name }}
        </div>
      </div>
      <!-- 内容展示 -->
      <div class="nrzsbox beautifulScroll zscenter" v-show="step == 1">
        <img src="@/images/yd123456.png" alt="" />
      </div>
      <div class="nrzsbox beautifulScroll" v-show="step == 2">
        <p>1.病情控制稳定的2型糖尿病</p>
        <p>2.体重超重的2型糖尿病 -最佳适应症</p>
        <p>3.稳定期的1型糖尿病</p>
        <p>4.稳定期的妊娠糖尿病</p>
      </div>
      <div class="nrzsbox beautifulScroll zscenter" v-show="step == 3">
        <img src="@/images/jjz.png" alt="" />
      </div>
      <div class="nrzsbox beautifulScroll zscenter" v-show="step == 4">
        <div class="ybtwbox">
          <!-- <div class="ybtwleft">
            <span class="tss"> 不同强度的运动：</span>
          </div> -->
          <div class="ybtdesbox">
            <div class="ybtdes">
              <div class="bt">
                <div class="xyq"></div>
                <span class=""> 感觉：</span>
              </div>
              <span class="ybtdesspan">
                周身发热、出汗，但不是大汗淋漓。气喘吁吁，能说话，但不能唱歌。
              </span>
            </div>
            <div class="ybtdes">
              <div class="bt">
                <div class="xyq"></div>
                <span class="">心率:</span>
              </div>
              <span class="ybtdesspan"> HR= (220-年龄) X 60至70% </span>
            </div>
            <div class="ybtdes">
              <div class="bt">
                <div class="xyq"></div>
                <span class="">简易计算法: </span>
              </div>
              <span class="ybtdesspan"> 脉率=170-年龄 </span>
            </div>
          </div>
        </div>
        <img src="@/images/ydqd.png" alt="" />
      </div>
      <div class="nrzsbox beautifulScroll" v-show="step == 5">
        <div class="ybtwbox">
          <div class="ybtwleft">
            <!-- <span class="tss">运动时间 </span> -->
            <!-- <img src="@/images/by1.png" alt="" /> -->
          </div>
          <div class="ybtdesbox">
            <div class="ybtdes">
              <div class="bt">
                <div class="xyq"></div>
                <span class="">运动时间：</span>
              </div>
              <span class="ybtdesspan"> 1.从第一口饭算起餐后1小时左右 </span>
              <span class="ybtdesspan"> 2.早餐后运动效果最好 </span>
              <span class="ybtdesspan"> 3.晚餐后运动——消耗多余能量 </span>
              <span class="ybtdesspan"> 4.晨练不宜过早、不宜空腹 </span>
              <span class="ybtdesspan">
                5.每次运动持续时间:约60分钟。（包括运动前准各和运动后恢复整理运动时间）达到运动强度后，应坚持30分钟左右。
              </span>
            </div>
          </div>
        </div>
        <div class="ybtwbox">
          <div class="ybtwleft">
            <!-- <span class="tss">运动时间 </span> -->
            <!-- <img src="@/images/by1.png" alt="" /> -->
          </div>
          <div class="ybtdesbox">
            <div class="ybtdes">
              <div class="bt">
                <div class="xyq"></div>
                <span class="">运动频度 ：</span>
              </div>
              <span class="ybtdesspan">
                每周锻炼3-5次为最适宜
                若每次运动量较小，而身体条件又较好，每次运动后均不觉疲劳的患者，运动频率可为每天1次
                运动锻炼不应间断，若运动间歇超过3-4天，则效果及蓄积作用将减弱
              </span>
            </div>
          </div>
        </div>
      </div>
      <div class="nrzsbox beautifulScroll" v-show="step == 6">
        <div class="ybtwbox" style="margin-bottom: 20px">
          <div class="ybtdesbox">
            <span class="">1.有氧运动:</span>
            <div class="ybtdes">
              <div class="bt">
                <div class="xyq"></div>

                <span class="">概念：</span>
              </div>
              <span class="ybtdesspan"> ①大肌群运动 </span>
              <span class="ybtdesspan"> ②消耗葡萄糖、动员脂肪、刺激心肺 </span>
            </div>
            <div class="ybtdes">
              <div class="bt">
                <div class="xyq"></div>
                <span class="">常见的运动形式：</span>
              </div>
              <img src="@/images/ydfs.png" alt="" srcset="" />
            </div>
          </div>
        </div>
        <div class="ybtwbox">
          <div class="ybtdesbox">
            <span class="">2.无氧运动（不主张采用此运动）</span>
            <div class="ybtdes">
              <div class="bt">
                <div class="xyq"></div>
                <span class="">概念：</span>
              </div>
              <span class="ybtdesspan"> ①通常为特定肌肉的力量训练 </span>
              <span class="ybtdesspan">
                ②由于氧气不足，使乳酸生成增加，导致气急、肌肉酸痛等
              </span>
            </div>
            <div class="ybtdes">
              <div class="bt">
                <div class="xyq"></div>
                <span class="">常见的运动形式：</span>
              </div>
              <img src="@/images/ydfs2.png" alt="" srcset="" />
            </div>
          </div>
        </div>
      </div>
      <div class="nrzsbox beautifulScroll" v-show="step == 7">
        <div class="ybtwbox">
          <div class="ybtwleft">
            <!-- <span class="tss">2.无氧运动（不主张采用此运动）</span> -->
            <!-- <img src="@/images/by1.png" alt="" /> -->
          </div>
          <div class="ybtdesbox">
            <div class="ybtdes">
              <div class="bt">
                <div class="xyq"></div>
                <span class="">1.运动前</span>
              </div>
              <span class="ybtdesspan"
                >①全面体检:
                血糖、糖化血红蛋白、血压、心电图或运动试验、眼底、尿常规或尿微量白蛋白、足部和关节，以及神经系统等。
              </span>
              <span class="ybtdesspan">
                ②与医生共同讨论:
                目前的病情是否适合运动及应注意的问题如何协调饮食、运动及药物治疗，使血糖维持在适当水平
              </span>
              <span class="ybtdesspan"> ③确定运动方式和运动量 </span>
              <span class="ybtdesspan"
                >④选择合适的运动鞋和袜，要注意鞋的密闭
                性和透气性运动场地要平整、安全，空气新鲜
              </span>
            </div>
          </div>
        </div>

        <div class="ybtwbox">
          <div class="ybtwleft">
            <!-- <span class="tss">2.无氧运动（不主张采用此运动）</span> -->
            <!-- <img src="@/images/by1.png" alt="" /> -->
          </div>
          <div class="ybtdesbox">
            <div class="ybtdes">
              <div class="bt">
                <div class="xyq"></div>
                <span class="">2.运动时</span>
              </div>
              <span class="ybtdesspan"
                >①先做热身运动15分钟，运动过程中注意心率变化运动中要注意饮一些白开水，以补充水分和氧的消耗
              </span>
              <span class="ybtdesspan">
                ②若出现乏力、头晕、心慌、胸闷、憋气、出虚汗，腿痛等不适，应立即停止运动。
              </span>
              <span class="ybtdesspan">
                ③运动即将结束时，再做10分钟左右的恢复整理活动。</span
              >
            </div>
          </div>
        </div>
        <div class="ybtwbox">
          <div class="ybtwleft">
            <!-- <span class="tss">2.无氧运动（不主张采用此运动）</span> -->
            <!-- <img src="@/images/by1.png" alt="" /> -->
          </div>
          <div class="ybtdesbox">
            <div class="ybtdes">
              <div class="bt">
                <div class="xyq"></div>
                <span class="">3.运动后</span>
              </div>
              <span class="ybtdesspan"
                >①运动后仔细检查皮肤、足部及关节是否有损伤，如有损伤应请专业医护人员处理，不得自行处理
              </span>
              <span class="ybtdesspan">
                ②运动后做好记录，观察运动降低血糖的作用如运动量较大，当天睡觉前最好测试一次血糖
              </span>
              <span class="ybtdesspan"
                >③运动后感到不适，请咨询医生或护士，对您的运动计划作相应调整
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import headMain from './headMain.vue'
export default {
  components: { headMain },
  name: 'WorkspaceJsonZsCb',

  data() {
    return {
      btname: '知识储备',
      btrouter: 'mK1',
      headimg: require('@/images/mkbt1.png'),
      step: 1,
      xxkdata: [
        {
          id: 1,
          name: '意义'
        },
        {
          id: 2,
          name: '适应症'
        },
        {
          id: 3,
          name: '禁忌症'
        },
        {
          id: 4,
          name: '运动强度'
        },
        {
          id: 5,
          name: '时间及频率'
        },
        {
          id: 6,
          name: '运动方式'
        },

        {
          id: 7,
          name: '注意事项'
        }
      ]
    }
  },

  mounted() {},

  methods: {}
}
</script>

<style lang="scss" scoped></style>
